<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

<!--<script type="text/javascript" src="js/jquery-2.1.0.js" ></script>
-->
<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>

<script>

	
	// jQuery ajax
	$.ajax({
		type:"get",
		url:"http://localhost:8080/springmvc/product/detail.do",
		//url:"/product/detail.do",  // 不可以
		//url:"/detail.do",     // 不可以
<<<<<<< HEAD
=======
		
		// 说明从后端获取数据的方式是 JSONP
		//     原理是 利用 script标签，src属性是可以跨域特性来实现
		//          要求： 请求方式必须是 get
		//                后端需要配合
		//                     （1） 取出 callback 参数
>>>>>>> b-demo
		dataType: "jsonp",
		data: {
			productId: 100
		},
		success: function(data) {
			alert("in");
			console.log(data);
			//alert(data.ret);
		}
	});
	
	// 不可以： 有问题
	//              少了productId
	// 可以
	

/*
 * 
 * 
 * 
 * 
function aaa(b) {
	alert(b)
}

aaa("100")

类, 获取callback,返回调用字符串的形式给前端
	
	
	
url:"/detail.do",     // 不可以

http://127.0.0.1:8020/detail.do








url:"/product/detail.do",  	 // 不可以

/ 代表当前网页运行的服务器的根目录

http://127.0.0.1:8020/product/detail.html

当前网页运行的服务器的根目录： 到地址栏端口的位置
http://127.0.0.1:8020/
	127.0.0.1 本机
	8020： 端口
	http: 采用的协议








url:"product/detail.do",     // 不可以

没有 / 开始，说明是相对路径
相对于，当前网页的的地址（包含它的目录）

http://127.0.0.1:8020/product/detail.html


http://127.0.0.1:8020/product/product/detail.do


【问题原因】 端口的错误，肯定请求不到正确数据

【解决办法】
	地址写完整： 包括协议，端口，主机ip，以及控制器路径
* * * */
	
	
</script>

